<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
    <style>
        .son1{
            background-color: pink;
        }
    </style>
</head>
<body>
    <div class="father">
        <div class="son1">儿子1</div>
        <div class="son2">儿子2</div>
    </div>
    
    <script>
        /*
        parent $("li").parent();  查找父级
        children(selector) $("ul").children("li") 相当于$("ul>li") ,最近一级（亲儿子）
        find(selector)  $("ul").find("li") 相当于$("ul li")  后代选择器
        siblings(selector) $(".first").siblings("li") 查找兄弟节点，不包括自己本身
        nextAll([expr])   $(".first").nextAll(); 查找当前元素之后的所有同辈元素
        prevtAll([expr] )  $(".last").prevtAll();  查找当前元素之前所有的元素
        hasClass(class)  $("div").hasClass("protected")  检查当前元素是否含有某个特定的类 如果有，返回true
        eq(index)  $("li").eq(2) 相当于$("li:eq(2)")
        */


        $(function(){
            //查找父
           console.log($(".son").parent());
           //查找亲儿子
           console.log($(".father").children());
            //查找兄弟
            console.log($(".son1").siblings("div"));
            //查找同辈元素
            console.log($(".son1").nextAll("div"));
            //检查元素是否含有特定的类
            console.log($("div").has("son1"));
        })
    </script>
</body>
</html>